/*
* @Author: Administrator
* @Date:   2018-01-15 16:33:15
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-15 17:24:59
*/
header {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
}
header .back{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/back.png) center center;
    background-size: 100%;
    margin: 0.25rem -0.2rem 0 0.2rem;
}
.list .applicant_info,.guarantee_info,.video_info{
  width: 6.9rem;
  height: auto;
  background: #fff;
  margin: 1.2rem auto 0 auto;
  padding: 0.2rem 0.3rem;
  box-sizing:border-box;
}
.guarantee_info,.video_info{
  margin-top: 0.24rem;
}
.video_info{
margin-bottom: 0.3rem;
}
.applicant_info h3,.guarantee_info h3,.video_info h3{
   text-align: center;
  width: 5.32rem;
  height: 0.6rem;
  margin: 0 auto 0.1rem auto;
  border-radius: 3px;
  background: #f5f5f5;
  font-size: 0.3rem;
  color: #333;
  font-weight: 500;
  line-height: 0.6rem;
}
.list  .applicant_data{
  display: flex;
  margin-top: 0.2rem;
}
.applicant_data .title,.data_info span{
  flex:1;
  font-size: 0.24rem;
  color: #333;
}
.applicant_data .data_info{
  flex:5;
  text-align: right;
}
 .data_info  span{
  margin: 0 0.1rem;
 }
.data_info a{
  display: inline-block;
  width:1.3rem;
  height: 0.32rem;
  border:1px solid #3db7f6;
  text-align: center;
  font-size: 0.2rem;
  border-radius: 2px;
  color: #3db7f6;
  line-height: 0.33rem;
}
.data_info i{
display: inline-block;
  width: 0.35rem;
  height: 0.35rem;
  vertical-align: middle;
}
.tit{
  background: url(../img/msg.png) center center;
  background-size: 100%;
}
.right{
  background: url(../img/right.png) center center;
  background-size: 100%;
}